<template>
  <div class="chat-view">
    <ChatList />
    <div class="chat-area-wrapper">
      <ChatArea />
    </div>
  </div>
</template>

<script setup lang="ts">
import ChatList from '@/components/ChatView/ChatList.vue'
import ChatArea from '@/components/ChatView/ChatArea.vue'
</script>

<style scoped>
.chat-view {
  display: flex;
  height: 100%;
}

.chat-area-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
</style>
